.AppPortal {
  @apply absolute top-0 right-0 bottom-0 left-0 overflow-hidden;
  transition: all 0.2s;
  z-index: 500;

  .content {
    @apply absolute flex shadow-lg rounded-xl flex-1;
    pointer-events: fill;
    top: 85px;
    .appCompBg();
  }

  // 是否开启移动端适配
  .contentMobileAdaptation {
    @media screen and (max-width: 700px) {
      top: 85px;
      right: 24px;
      bottom: 24px;
      left: 24px;
      width: unset !important;
    }
  }

  .contentDefaultStyle {
    flex: 1;
  }

  .content-right {
    right: 24px;
    bottom: 24px;
  }

  .content-left {
    left: 24px;
    bottom: 24px;
  }

  .content-bottom {
    left: 24px;
    right: 24px;
    top: unset;
    bottom: 24px;
  }

  .content-top {
    left: 24px;
    right: 24px;
  }

  .content-center {
    position: unset !important;
  }
}

.AppPortalContentCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}